﻿<script>
    $(document).ready(function () {
        $('#dataTable').dataTable({
            "bProcessing": true,
            "sAjaxSource": '/Content/json/customer.txt',
            "aoColumns": [
                 { "mDataProp": "Name", "sTitle": "Name"},
                 { "mDataProp": "Email", "sTitle": " Email" },
                 { "mDataProp": "Level", "sTitle": "Level" },
                 { "mDataProp": "State", "sTitle": "State" },
                 { "mDataProp": "Country", "sTitle": "Country" },
                 { "mDataProp": "Register On", "sTitle": "Register On" },
                 { "mDataProp": null, "sTitle": "Action", "sWidth": "150px",
                     "fnRender": function (o, val) {
                         return "<a href='#'>View</a> | <a href='#'>Reset Password</a>";
                     }
                 }
            ]
        });
    });
</script>
<div class="grid_14">
    <a href="/">Home</a> &gt; Customers
    <hr />
</div>
<div class="grid_14">
    <div class="box">
        <h2>Customers</h2>
        <fieldset id="orderFilter">
            <legend>Filter</legend>
            <p><label>Level:</label><select><option>All Levels...</option></select></p>
            <p><label>Country:</label><select><option>All Country...</option></select></p>
            <p><label>State:</label><select><option>All State...</option></select></p>
        </fieldset>
        <table id="dataTable"></table>
        <div class="clear"></div>
    </div>
</div>